<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery获得内容</title>
    <script src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.3.min.js"></script>
    <script>
        $(document).ready(function () {
            $("#but1").click(function () {
                alert("Text:"+$("#p").text())
            })
            $("#but2").click(function () {
                alert("Html:"+$("#p").html())
            })
            $("#but3").click(function () {
                alert("输入框内容为:"+$("#inp").val())
            })
            $("#but4").click(function () {
                alert("href的值为:"+$("#bd").attr("href"))
            })
        })
    </script>
</head>
<body>
<p id="p">这是段落中的 <b>粗体</b> 文本</p>
<button id="but1">显示文本</button>
<button id="but2">显示HTML</button>
<br>
<label>
    姓名：
    <input id="inp" type="text" value="唐老鸭"><br>
    <button id="but3" type="submit">显示</button>
</label>

<p><a id="bd" href="https://www.baidu.com">百度一下</a></p>
<button id="but4" type="submit">显示href的值</button>
</body>
</html>